<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>imageLabel</title>
    <link rel="stylesheet" href="styles/jquery.imageLabel.min.css">
    <link rel="stylesheet" href="styles/edit.css">
</head>
<style>
    * {
        padding: 0;
        margin: 0
    }

    .top-tab {
        background-color: #333;
        padding: 10px;
        margin-bottom: 50px
    }

    .top-tab a {
        display: flex;
        align-items: center;
        color: #fff
    }

    #imgform {
        margin: 0 auto;
        width: 500px
    }
</style>

<body>
<div class="top-tab"><a href="https://github.com/codingdogs/imageLabel" target="_blank"><span
        style="line-height:32px;padding-right:10px">Imagelabel</span>
    <svg height="32"
         class="octicon octicon-mark-github" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true">
        <path fill="white" fill-rule="evenodd"
              d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z">
        </path>
    </svg>
</a></div>
<form action="" id="imgform">
    <p>图片链接:</p><input type="text" name="src" value="https://i1.mifile.cn/f/i/18/mitv4A/40/build.jpg"
                       style="display:block;width:100%;height:30px">
    <button class="addpic" type="submit" disabled="disabled"
            style="margin-top:10px;padding:10px;width:100%">点击标注图片
    </button>
</form>
<script src="scripts/jquery.js"></script>
<script src="scripts/jquery.imageLabel.min.js"></script>
<script>$(function () {
    $(".right-select-box");
    $(".addpic").removeAttr("disabled"),
        $("#imgform").submit(function (t) {
            t.preventDefault();
            window.c = imageLabel({
                img: $("[name=src]").val(), only: !1, editPop: !0, close: function (t) {
                    return t.length && alert(JSON.stringify(t)), !0
                }, clickArea: function () {
                }, edit: function (t) {
                }, startArea: function () {
                }, confirm: function (t) {
                    return t.length && alert(JSON.stringify(t)), !0
                }
            })
        })
})</script>
</body>

</html>